<!DOCTYPE html>
<html>
<head>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
</head>
<body>
<form method="get">
<input name="y" type="checkbox" checked />
<input name="y" type ="radio" checked />
<input id="c1" name="y" type="checkbox" />
<input id="r1" name="y" type="radio" />
<input id="c2" name="n" type="checkbox" />
<input id="r2" name="n" type="radio" />
<input name="n" type="checkbox" />
<input name="n" type="radio" />
<input name="n" type="text" checked />
<input name="n" type="password" checked />
<input name="n" type="button" checked />
<input name="n" type="file" checked />
<input name="n" type="reset" checked />
<input name="n" type="search" checked />
<input name="n" type="email" checked />
<input name="n" type="url" checked />
<input name="n" type="tel" checked />
<input name="n" type="number" checked />
<input name="n" type="range" checked />
<input name="n" type="date" checked />
<input name="n" type="month" checked />
<input name="n" type="week" checked />
<input name="n" type="time" checked />
<input name="n" type="date-time" checked />
<input name="n" type="datetime-local" checked />
<input name="n" type="color" checked />
</form>
<script>
test(function() {
  document.getElementById("c1").defaultChecked = true;
  document.getElementById("r1").defaultChecked = true;
  document.getElementById("c2").checked = true;
  document.getElementById("r2").checked = true;
  u = document.getElementsByName("n");
  for (i = 0; i < u.length; i++)
    assert_false(u[i].matches(":default"));
  v = document.getElementsByName("y");
  for (i = 0; i < v.length; i++)
    assert_true(v[i].matches(":default"));
}, "This test performs a check for the input types which are checkable having checked attribute to be considered for :default CSS selector.");
</script>
</body>
</html>
